<template>
    <div class="email_wrap">
        <bindEmail v-if="!emailVerifyTrue" :verifyTrue="true" @verifyClick="verifyClick"></bindEmail>
        <confirmPassWord v-else :formData="formData1" type="email"></confirmPassWord>
    </div>
</template>
<script setup>
import { ref } from 'vue';
import bindEmail from '../../bindEmail/index.vue'
import confirmPassWord from './confirmPassWord.vue'
import { changePassword, emailVerifyTrue } from '../../commonHooks';



const formData1 = ref()

const verifyClick = (formData) => {
    formData1.value = formData
    const params = {
        modify_type: 3,
        ...formData1.value
    }
    changePassword(params, 1, 'email')

}

</script>

<style lang="scss" scoped>
.email_wrap {
	height: calc(100vh - 200px);
	&:deep(.bind_container) {
		height: 100%;
		.submit_wrap {
			margin-left: -16px;
            margin-bottom: 26px;
		}
	}
}
</style>